doctype
head
  meta(charset='UTF-8')
  meta(content="yes" name="apple-mobile-web-app-capable")
  meta(content="yes" name="apple-touch-fullscreen")
  meta(content="telephone=no,email=no" name="format-detection")
  meta(http-equiv="X-UA-Compatible" content="ie=edge")
  meta(name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no")
  title test
  link(rel='stylesheet', href='../../assets/css/common.css')
  link(rel='stylesheet', href='../../assets/css/lib/swiper.min.css')
  //script(src="../../assets/js/lib/main.min.js")
  //script(src="../../assets/js/lib/config.js")
  script(src='../../assets/js/lib/main/jquery.min.js')
  script(src='../../assets/js/lib/main/flexible.js')
  script(src='../../assets/js/lib/main/iconfont.js')
  script(src='../../assets/js/lib/swiper.min.js')
  style.
    html,body {height: auto;}
    .gzl-swiper img {width: 100%;}
body
  include ../../components/mixin
  .test-page
    .text-con.
      Lorem ipsum dolor sit amet, consectetur adipisicing elit. A alias amet consequatur cumque esse hic, ipsam libero nemo neque non nulla numquam odio odit praesentium repellat repudiandae sapiente temporibus voluptate!
      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus, accusantium, aperiam delectus distinctio eligendi eveniet facere fugiat hic in ipsum nam, nobis quam quia quo repellendus soluta suscipit tempore vero.
      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ex ipsum libero molestias obcaecati porro qui suscipit, unde! Asperiores itaque nemo praesentium repellat repellendus sint, tenetur. Asperiores aspernatur et omnis quasi!
      Lorem ipsum dolor sit amet, consectetur adipisicing elit. A asperiores consectetur, consequatur dolor eius excepturi id in minus officia quae quam quasi recusandae reiciendis tempora tenetur ullam veniam vero voluptatibus?
      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto, at atque autem consequuntur cupiditate deserunt eius enim eos est ex hic magnam molestias nesciunt, nobis saepe sunt veritatis vitae.
      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto consequatur eligendi eum eveniet excepturi labore libero neque nihil nisi obcaecati perspiciatis quasi quisquam quod, quos rerum sint tenetur velit!
      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad, aliquid delectus dignissimos distinctio dolores eum eveniet ex fugiat incidunt inventore laboriosam magnam non quae quidem repudiandae sit tempora vel voluptate!
      Lorem ipsum dolor sit amet, consectetur adipisicing elit. A, atque commodi dignissimos eos fugit id illo itaque labore, maiores nulla pariatur rerum sequi tenetur totam unde voluptates voluptatum. Eaque, nulla!
      Lorem ipsum dolor sit amet, consectetur adipisicing elit. A aperiam aut consequuntur doloribus impedit magnam optio placeat quod sit veritatis! Aliquid consectetur corporis enim excepturi laborum maxime nisi officiis suscipit?
      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci enim esse facere itaque modi natus optio repellendus? Facilis illum molestiae unde? Cumque dolorum id, itaque maiores molestiae quos repudiandae sunt.
      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci earum necessitatibus non quaerat. A assumenda dolores et eum illo ipsum maiores maxime natus numquam, quia, quibusdam quo repellat saepe similique.
      Lorem ipsum dolor sit amet, consectetur adipisicing elit. A aut consectetur, consequuntur culpa delectus dignissimos dolore doloremque eum hic, iure laborum maxime nam nemo nulla quibusdam quis ratione rem totam!
      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid consequatur consequuntur dolorum eligendi facere in ipsum, officia repellendus sed voluptatibus. Accusamus adipisci assumenda expedita nostrum numquam omnis sunt. Accusantium, at.
      Lorem ipsum dolor sit amet, consectetur adipisicing elit. A alias amet consequatur cumque esse hic, ipsam libero nemo neque non nulla numquam odio odit praesentium repellat repudiandae sapiente temporibus voluptate!
      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus, accusantium, aperiam delectus distinctio eligendi eveniet facere fugiat hic in ipsum nam, nobis quam quia quo repellendus soluta suscipit tempore vero.
      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ex ipsum libero molestias obcaecati porro qui suscipit, unde! Asperiores itaque nemo praesentium repellat repellendus sint, tenetur. Asperiores aspernatur et omnis quasi!
      Lorem ipsum dolor sit amet, consectetur adipisicing elit. A asperiores consectetur, consequatur dolor eius excepturi id in minus officia quae quam quasi recusandae reiciendis tempora tenetur ullam veniam vero voluptatibus?
      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto, at atque autem consequuntur cupiditate deserunt eius enim eos est ex hic magnam molestias nesciunt, nobis saepe sunt veritatis vitae.
      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto consequatur eligendi eum eveniet excepturi labore libero neque nihil nisi obcaecati perspiciatis quasi quisquam quod, quos rerum sint tenetur velit!
      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad, aliquid delectus dignissimos distinctio dolores eum eveniet ex fugiat incidunt inventore laboriosam magnam non quae quidem repudiandae sit tempora vel voluptate!
      Lorem ipsum dolor sit amet, consectetur adipisicing elit. A, atque commodi dignissimos eos fugit id illo itaque labore, maiores nulla pariatur rerum sequi tenetur totam unde voluptates voluptatum. Eaque, nulla!
      Lorem ipsum dolor sit amet, consectetur adipisicing elit. A aperiam aut consequuntur doloribus impedit magnam optio placeat quod sit veritatis! Aliquid consectetur corporis enim excepturi laborum maxime nisi officiis suscipit?
      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci enim esse facere itaque modi natus optio repellendus? Facilis illum molestiae unde? Cumque dolorum id, itaque maiores molestiae quos repudiandae sunt.
      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci earum necessitatibus non quaerat. A assumenda dolores et eum illo ipsum maiores maxime natus numquam, quia, quibusdam quo repellat saepe similique.
      Lorem ipsum dolor sit amet, consectetur adipisicing elit. A aut consectetur, consequuntur culpa delectus dignissimos dolore doloremque eum hic, iure laborum maxime nam nemo nulla quibusdam quis ratione rem totam!
      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid consequatur consequuntur dolorum eligendi facere in ipsum, officia repellendus sed voluptatibus. Accusamus adipisci assumenda expedita nostrum numquam omnis sunt. Accusantium, at.
    +swiper(class="gzl-swiper")
    script.
      var test1 = new Swiper('.gzl-swiper', {
        loop: true,
        autoplay: {
          disableOnInteraction: false
        },
        pagination: {
          el: '.swiper-pagination'
        }
      });